<template>
    <div class="search">
    
       
                <el-select v-model="search"  placeholder="请选择">
                    <el-option label="歌名" value="songname" v-model="findsong"></el-option>
                    <el-option label="歌手名" value="singername" v-model="findsonger"></el-option>
                    <el-option label="歌词" value="songword" disabled></el-option>
                </el-select>
                <el-button slot="append" icon="el-icon-search" @click="search"></el-button>
          
      
      
    </div>
  </template>
  
  <script>
  import axios from 'axios'
  export default {
    name: "Search",
    components: {
      
    },
    data() {
      return {
        findsong: [
          {
           name:window.sessionStorage.getItem("name"),
            path: `music/findSong`,
          },
          
          
        ],
        findsonger:[
        {
           sname:window.sessionStorage.getItem("sname"),
            path: `music/findSonger`,
          },
        ]
      };
    },
    methods: {
      
      search(path) {
        console.log(path);
        
      }

    }
  };
  </script>
  
  <style scoped>
  </style>